<!DOCTYPE html>
<html lang="en">
<head>
	<title>标题</title>

	<meta charset="utf-8">
	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="description" content="">

	<!-- Css -->
	<!-- <link rel="stylesheet" href="css/bootstrap.min.css" /> -->
	<link rel="stylesheet" href="css/magnific-popup.css" />
	<link rel="stylesheet" href="revolution/css/settings.css" />
	<link rel="stylesheet" href="css/rev-slider.css" />
	<link rel="stylesheet" href="css/font-icons.css" />
	<link rel="stylesheet" href="css/sliders.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/responsive.css" />
	<link rel="stylesheet" href="css/spacings.css" />
	<link rel="stylesheet" href="css/animate.min.css" />
	<!-- css 在线cdn -->
	<link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">


	
	<!-- Favicons -->
	<link rel="shortcut icon" href="img/favicon.ico">
	<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">

</head>

<body data-spy="scroll" data-offset="60" data-target=".fs-nav" class="onepage padding-box">

	<span class="top-space"></span>
	<span class="bottom-space"></span>

	<!-- Preloader -->
	<div class="loader-mask">
		<div class="loader">
			"载入中..."
		</div>
	</div>

	<header class="nav-type-1" id="home">

		<nav class="navbar navbar-fixed-top">
			<div class="fs-nav" id="overlay">
				<nav class="overlay-menu">
					<ul class="nav local-scroll">
						<li><a href="#home">主页</a></li>
						<li><a href="#portfolio">工作</a></li>		    		
						<li><a href="#services">服务</a></li>    		
						<li><a href="#about-us">关于</a></li>
						<li><a href="#company">公司</a></li>    		
						<li><a href="#blog">博客</a></li>
						<li><a href="#contact">联系方式</a></li>
						<li><a href="../index.html">例子</a></li>
					</ul>
				</nav>
			</div>
			<div class="navigation-overlay">
				<div class="container-fluid semi-fluid relative clearfix">

					<div class="logo-container nopadding">
						<div class="logo-wrap local-scroll">
							<a href="#home" class="logo">
								<!-- <img src="img/logo_light.png" alt="logo"> -->
								<span style="color: #fff;">我是标题logo</span>
							</a>
						</div>
					</div>

					<div id="nav-icon">
						<span></span>
						<span></span>
						<span></span>
						<span></span>
					</div>
				</div> <!-- end container -->
			</div>
		</nav>
	</header>

	<div class="main-wrapper oh">
		
		<!-- 001.Revolution Slider 轮播块 -->
		<section>
			<div class="rev_slider_wrapper">
				<div class="rev_slider" id="slider1" data-version="5.0">
					<ul>
						<!-- SLIDE 1 -->
						<li	data-transition="parallaxhorizontal"
							data-slotamount="1"
							data-masterspeed="2000"
							data-delay="9000"
							data-title="Creative Minimalism">

							<!-- MAIN IMAGE -->
							<img src="img/revolution/slide_1.jpg"
								alt=""
								data-bgrepeat="no-repeat"
								data-bgfit="cover"
								data-bgposition="center center"
								data-duration="30000"
								data-bgparallax="7"
								data-kenburns="on"
								data-scaleend="100"
								data-scalestart="140"
								class="rev-slidebg"
								>

							<!-- LAYER NR. 1 -->
							<div class="tp-caption hero-text uppercase"
								data-x="center"
								data-y="center"
								data-voffset="['-100', '-90', '-80', '-60']"
								data-fontsize="['106', '106', '96', '50']"
								data-lineheight="['106', '106', '96', '50']"
								data-fontweight="700"
								data-whitespace="[nowrap, nowrap, nowrap, nowrap]"
								data-transform_idle="o:1;s:500"
								data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
								data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
								data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
								data-start="1000"
								data-elementdelay="0.01"
								style="text-align: center;">标题文字
							</div>

							<!-- LAYER NR. 2 -->
							<div class="tp-caption hero-text strikethrough uppercase"
								data-x="center"
								data-y="center"
								data-voffset="['10','10','10','0']"
								data-fontsize="['106', '106', '96', '50']"
								data-lineheight="['106', '106', '96', '50']"
								data-transform_idle="o:1;s:500"
								data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
								data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
								data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
								data-start="1200"
								data-elementdelay="0.01"
								style="text-align: center;"><span></span>
							</div>

							<!-- LAYER NR. 3 -->
							<div class="tp-caption medium-text"
								data-x="center"
								data-y="center"
								data-voffset="[116,116,116,80]"
								data-fontsize="['24', '24', '24', '20']"
								data-transform_idle="o:1;s:500"
								data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
								data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
								data-start="1300"
								data-elementdelay="0.01"
								style="text-align: center;">我们创造数字体验。
							</div>

							<!-- LAYER NR. 4 -->
							<div class="tp-caption medium-text"
								data-x="center"
								data-y="center"
								data-voffset="[150,150,150,54]"
								data-fontsize="['24', '24', '24', '20']"
								data-transform_idle="o:1;s:500"
								data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
								data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
								data-start="1400"
								data-elementdelay="0.01"
								style="text-align: center;"><br/><a href="javascript:;" class="btn btn-lg btn-white">查看更多</a>
							</div>

							<!-- LAYER NR. 5 线条 -->
							<!-- <div class="tp-caption tp-shape line"
								data-x="center"
								data-y="center"
								data-voffset="261"
								data-width="1"
								data-height="76"
								data-transform_idle="o:1;"
								data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
								data-transform_out="y:[100%];s:500;e:Power1.easeIn;s:500;e:Power1.easeIn;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
								data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
								data-start="1600"
								data-elementdelay="0.01">
							</div> -->
				
						</li>

						<!-- SLIDE 2 -->
						<li data-transition="parallaxhorizontal"
							data-slotamount="1"
							data-masterspeed="2000"
							data-delay="10000"
							data-title="Awesome Features">

							<!-- MAIN IMAGE -->
							<img src="img/revolution/video_placeholder.jpg"
								alt=""
								data-bgrepeat="no-repeat"
								data-bgfit="cover"
								data-bgparallax="7"
								class="rev-slidebg"
								>

							<!-- BACKGROUND VIDEO LAYER -->
							<!-- <div class="rs-background-video-layer" 
								data-forcerewind="on" 
								data-volume="mute" 
								data-videowidth="100%" 
								data-videoheight="100%" 
								data-videomp4="video/video.mp4"
								data-videowebm="video/video.webm"
								data-videoogv="video/video.ogv"
								data-videostartat="00:00"
								data-videoendat="00:16"
								data-videocontrols="controls"
								data-videopreload="preload" 
								data-videoloop="loopandnoslidestop" 
								data-forceCover="1" 
								data-aspectratio="16:9" 
								data-autoplay="true" 
								data-autoplayonlyfirsttime="false" 
								data-nextslideatend="true" 
							></div> -->

							<!-- OVERLAY LAYER -->
							<div class="tp-caption tp-shape tp-shapewrapper rs-parallaxlevel-0"
								data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
								data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
								data-width="full"
								data-height="full"
								data-whitespace="nowrap"
								data-transform_idle="o:1;"
								data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" 
								data-transform_out="s:1000;e:Power3.easeInOut;" 
								data-start="750" 
								data-basealign="slide" 
								data-responsive_offset="on" 
								data-responsive="off"
								style="z-index: 3;background-color:rgba(24, 28, 33, 0.45);"> 
							</div>

							<!-- LAYER NR. 1 -->
							<div class="tp-caption hero-text alt-font size-70"
								data-x="center"
								data-y="center"
								data-voffset="['-60', '-60', '-60', '-50']"
								data-fontsize="['120', '100', '70', '50']"
								data-whitespace="[nowrap, nowrap, nowrap, nowrap]"
								data-lineheight="['120', '100', '70', '50']"
								data-transform_idle="o:1;s:500"
								data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
								data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
								data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
								data-start="1000"
								data-elementdelay="0.01"
								style="z-index: 4; text-align: center;"><strong>第二个标题</strong>
							</div>

							<!-- LAYER NR. 2 -->
							<div class="tp-caption medium-text"
								data-x="center"
								data-y="center"
								data-voffset="[25,25,25,18]"
								data-fontsize="['24', '24', '24', '18']"
								data-lineheight="['36', '32', '28', '26']"
								data-whitespace="[nowrap, nowrap, nowrap, normal]"
								data-width="[none, none, none, 300]"
								data-transform_idle="o:1;s:500"
								data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
								data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
								data-start="1200"
								data-elementdelay="0.01"
								style="z-index: 4; text-align: center;">具有响应式，代码精简
							</div>				

							<!-- LAYER NR. 3 -->
							<div class="tp-caption tp-resizeme"
								data-x="center"
								data-y="center"
								data-voffset="110"
								data-hoffset="0" 
								data-transform_idle="o:1;s:500"
								data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
								data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
								data-start="1400"
								data-elementdelay="0.01"
								data-linktoslide="next"
								style="z-index: 4; letter-spacing: 2px;"><a href='#' class='btn btn-lg btn-white'>立刻拥有</a>
							</div>
				
						</li>

						<!-- SLIDE 3 -->
						<li data-transition="parallaxhorizontal"
							data-slotamount="1"
							data-masterspeed="2000"
							data-delay="9000"
							data-title="Great Ideas">

							<!-- MAIN IMAGE -->
							<img src="img/revolution/slide_3.jpg"
								alt=""
								data-bgrepeat="no-repeat"
								data-bgfit="cover"
								data-bgparallax="7"
								class="rev-slidebg"
								>

							<!-- LAYER NR. 1 -->
							<div class="tp-caption hero-text uppercase"
								data-x="center"
								data-y="center"
								data-voffset="['-60', '-60', '-60', '-50']"
								data-fontsize="['106', '70', '60', '40']"
								data-lineheight="['106', '70', '60', '40']"
								data-hoffset="0"
								data-transform_idle="o:1;s:500"
								data-transform_in="sX:0.8;sY:0.8;opacity:0;s:500;e:Power4.easeOut;" 
								data-transform_out="sX:0.9;sY:0.9;opacity:0;s:500;e:Power3.easeIn;s:500;e:Power3.easeIn;"
								data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
								data-start="1000"
								data-end="3000"
								data-splitin="chars" 
								data-splitout="chars"
								data-elementdelay="0.05"
								data-endelementdelay="0.03"
								style="text-align: center"><strong>专属设计</strong>
							</div>

							<!-- LAYER NR. 2 -->
							<div class="tp-caption hero-text uppercase"
								data-x="center"
								data-y="center"
								data-voffset="['-60', '-60', '-60', '-50']"
								data-fontsize="['106', '70', '60', '40']"
								data-lineheight="['106', '70', '60', '40']"
								data-hoffset="0"
								data-transform_idle="o:1;s:500"
								data-transform_in="sX:0.8;sY:0.8;opacity:0;s:500;e:Power4.easeOut;" 
								data-transform_out="sX:0.9;sY:0.9;opacity:0;s:500;e:Power3.easeIn;s:500;e:Power3.easeIn;"
								data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
								data-start="3500"
								data-end="5500"
								data-splitin="chars" 
								data-splitout="chars"
								data-elementdelay="0.05"
								data-endelementdelay="0.03"
								style="text-align: center"><strong>良好的体验</strong>
							</div>

							<!-- LAYER NR. 3 -->
							<div class="tp-caption hero-text uppercase"
								data-x="center"
								data-y="center"
								data-voffset="['-60', '-60', '-60', '-50']"
								data-fontsize="['106', '70', '60', '40']"
								data-lineheight="['106', '70', '60', '40']"
								data-hoffset="0"
								data-transform_idle="o:1;s:500"
								data-transform_in="sX:0.8;sY:0.8;opacity:0;s:500;e:Power4.easeOut;" 
								data-transform_out="sX:0.9;sY:0.9;opacity:0;s:500;e:Power3.easeIn;s:500;e:Power3.easeIn;"
								data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
								data-start="6000"
								data-splitin="chars" 
								data-splitout="chars"
								data-elementdelay="0.05"
								data-endelementdelay="0.03"
								style="text-align: center"><strong>完美适用移动端</strong>
							</div>

							<!-- LAYER NR. 4 -->
							<div class="tp-caption medium-text"
								data-x="center"
								data-y="center"
								data-hoffset="0"
								data-voffset="[25,25,25,18]"
								data-fontsize="['24', '24', '22', '20']"
								data-lineheight="['36', '32', '28', '26']"
								data-whitespace="[nowrap, nowrap, nowrap, normal]"
								data-width="[none, none, none, 300]"
								data-transform_idle="o:1;s:500"
								data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
								data-transform_out="sX:0.9;sY:0.9;opacity:0;s:500;e:Power3.easeIn;s:500;e:Power3.easeIn;"
								data-start="1200"
								data-elementdelay="0.01"
								style="text-align: center">自动适配各种分辨率
							</div>


							<!-- LAYER NR. 5 -->
							<div class="tp-caption tp-resizeme"
								data-x="center"
								data-y="center"
								data-voffset="[140, 140, 140, 140]"
								data-hoffset="0"
								data-transform_idle="o:1;s:500"
								data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
								data-transform_out="sX:0.9;sY:0.9;opacity:0;s:500;e:Power3.easeIn;s:500;e:Power3.easeIn;"
								data-start="1400"
								data-elementdelay="0.01"
								data-linktoslide="next"
								style="letter-spacing: 2px;">
								<div class="icon-effect-8">			
									<!-- <a href="https://www.youtube.com/watch?v=Scxs7L0vhZ4?autoplay=1" class="lightbox-video mfp-iframe play-btn hi-icon"></a> -->
									<a href='#' class='btn btn-lg btn-white'>体验一下</a>
								</div>
							</div>
				
						</li>

					</ul>
<!-- 下拉按钮 -->
					<!-- <div class="local-scroll">
						<a href="#intro" class="scroll-down">
							<span></span>
						</a>
					</div> -->

				</div>
			</div>
		</section>


		<!-- 002.Intro 简介 -->
		<section class="section-wrap intro" id="intro">
			<div class="container">
				<div class="row">

					<div class="col-sm-12 wow slideInUp" data-wow-duration="1.2s" data-wow-delay="0s">
						<p class="lead-text text-center">
							我们是专注于 <span>摄影</span>, <span>视频</span> &amp; <span>品牌设计.</span>  并通过web进行实现
						</p>
					</div> <!-- end col -->

				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end intro -->


		<!-- 003.Portfolio 文件夹 -->
		<section class="section-wrap featured-works bg-dark" id="portfolio">
			<div class="container-fluid nopadding">

				<div class="row heading">
					<div class="col-md-6 col-md-offset-3 text-center">
						<h2 class="color-white v-line">工作</h2>
						<p class="subheading">工程案例</p>
					</div>
				</div>

				<div class="works-slider">

					<div class="gallery-cell work-item">
						<div class="work-container">
							<div class="work-img">
								<a href="http://vimeo.com/19270640" data-popup-type="iframe">
									<img src="img/portfolio/1.jpg" alt="">
									<div class="overlay light">
										<div class="work-description">
											<h3>工作简介</h3>
											<span>描述</span>
										</div>
									</div>
								</a>							
							</div>
						</div> 
					</div> <!-- end work-item -->

					<div class="gallery-cell work-item">
						<div class="work-container">
							<div class="work-img">
								<a href="https://www.youtube.com/watch?v=Scxs7L0vhZ4?autoplay=1" data-popup-type="iframe">
									<img src="img/portfolio/2.jpg" alt="">
									<div class="overlay light">
										<div class="work-description">
											<h3>工作简介</h3>
											<span>描述</span>
										</div>
									</div>
								</a>							
							</div>
						</div> 
					</div> <!-- end work-item -->

					<div class="gallery-cell work-item">
						<div class="work-container">
							<div class="work-img">
								<a href="img/portfolio/3_big.jpg" title="Lonely Forest">
									<img src="img/portfolio/3.jpg" alt="">
									<div class="overlay light">
										<div class="work-description">
											<h3>工作简介</h3>
											<span>描述</span>
										</div>
									</div>
								</a>							
							</div>
						</div> 
					</div> <!-- end work-item -->

					<div class="gallery-cell work-item">
						<div class="work-container">
							<div class="work-img">
								<a href="img/portfolio/4_big.jpg" title="Lonely Forest">
									<img src="img/portfolio/4.jpg" alt="">
									<div class="overlay light">
										<div class="work-description">
											<h3>工作简介</h3>
											<span>描述</span>
										</div>
									</div>
								</a>							
							</div>
						</div> 
					</div> <!-- end work-item -->

					<div class="gallery-cell work-item">
						<div class="work-container">
							<div class="work-img">
								<a href="img/portfolio/5_big.jpg" title="Lonely Forest">
									<img src="img/portfolio/5.jpg" alt="">
									<div class="overlay light">
										<div class="work-description">
											<h3>工作简介</h3>
											<span>描述</span>
										</div>
									</div>
								</a>							
							</div>
						</div> 
					</div> <!-- end work-item -->

					<div class="gallery-cell work-item">
						<div class="work-container">
							<div class="work-img">
								<a href="img/portfolio/6_big.jpg" title="Lonely Forest">
									<img src="img/portfolio/6.jpg" alt="">
									<div class="overlay light">
										<div class="work-description">
											<h3>工作简介</h3>
											<span>描述</span>
										</div>
									</div>
								</a>							
							</div>
						</div> 
					</div> <!-- end work-item -->

					<div class="gallery-cell work-item">
						<div class="work-container">
							<div class="work-img">
								<a href="img/portfolio/7_big.jpg" title="Lonely Forest">
									<img src="img/portfolio/7.jpg" alt="">
									<div class="overlay light">
										<div class="work-description">
											<h3>工作简介</h3>
											<span>描述</span>
										</div>
									</div>
								</a>							
							</div>
						</div> 
					</div> <!-- end work-item -->

					<div class="gallery-cell work-item">
						<div class="work-container">
							<div class="work-img">
								<a href="img/portfolio/8_big.jpg" title="Lonely Forest">
									<img src="img/portfolio/8.jpg" alt="">
									<div class="overlay light">
										<div class="work-description">
											<h3>工作简介</h3>
											<span>描述</span>
										</div>
									</div>
								</a>							
							</div>
						</div> 
					</div> <!-- end work-item -->

				</div>	<!-- end slider -->
			
			</div>
		</section> <!-- end featured works -->

		<!-- 004.Services 服务 -->
		<section class="section-wrap icon-boxes" id="services">
			<div class="container">
				<div class="row">

					<div class="col-md-4 heading">
						<h2 class="h-line">服务</h2>
						<p class="subheading">一个好的团队<br>
						保持尝试和体验<br>并不断致力于完善</p>
					</div>

					<div class="col-md-4">
						<div class="service-item-box">
							<a href="#">
								<i class="pe-7s-box2"></i>
							</a>
							<h3>布局</h3>
							<p class="mb-0">源自设计师简洁的设计</p>			
						</div>

						<div class="service-item-box">
							<a href="#">
								<i class="pe-7s-phone"></i>
							</a>
							<h3>移动端</h3>
							<p class="mb-0">考虑到移动端展现</p>			
						</div>
					</div> <!-- end col -->

					<div class="col-md-4">
						<div class="service-item-box">
							<a href="#">
								<i class="pe-7s-edit"></i>
							</a>
							<h3>轻松上手</h3>
							<p class="mb-0">编辑简单</p>			
						</div>						

						<div class="service-item-box">
							<a href="#">
								<i class="pe-7s-loop"></i>
							</a>
							<h3>可扩展</h3>
							<p class="mb-0">基于bootstrap，通用性强</p>			
						</div>
					</div>
					
				</div>
			</div>
		</section> <!-- end services -->


		<!-- 005.Service Video 服务/视频-->
		<section class="section-wrap service-video">
			<div class="icon-effect-8">			
				<a href="https://www.youtube.com/watch?v=Scxs7L0vhZ4?autoplay=1" class="lightbox-video mfp-iframe play-btn hi-icon"></a>
			</div>
		</section> <!-- end service video -->

		<!-- 006.Testimonials / Partners 推荐/合作伙伴 -->
		<section class="section-wrap nopadding relative bg-dark" id="company">
			<div class="container-fluid">
				<div class="row">

					<div class="col-md-6 testimonials">
						<h2 class="color-white h-line mb-50">公司</h2>
						<div id="owl-testimonials" class="owl-carousel owl-theme">

							<div class="item">
								<div class="testimonial">
									<p class="testimonial-text">合作企业描述描述</p>
									<div class="testimonial-author">
										<span>詹姆斯</span>
										<span>董事长</span>
									</div>
								</div>
							</div>

							<div class="item">
								<div class="testimonial">
									<p class="testimonial-text">酷毙了</p>
									<div class="testimonial-author">
										<span>艾默生</span>
										<span>设计师</span>
									</div>
								</div>
							</div>

							<div class="item">
								<div class="testimonial">
									<p class="testimonial-text">简单</p>
									<div class="testimonial-author">
										<span>海伦凯勒</span>
										<span>作家</span>
									</div>
								</div>
							</div>
						</div>
					</div> <!-- end testimonials -->

					<div class="col-md-6 partners">
						<div class="partners-wrap">
							<div class="partners-inner">
								<div class="row">
									<div class="col-xs-4">
										<a href="#">
											<img src="img/partner_logo_dark_1.png" alt="">
										</a>
									</div>
									<div class="col-xs-4">
										<a href="#">
											<img src="img/partner_logo_dark_2.png" alt="">
										</a>
									</div>
									<div class="col-xs-4">
										<a href="#">
											<img src="img/partner_logo_dark_3.png" alt="">
										</a>
									</div>
								</div>
								<div class="row">
									<div class="col-xs-4">
										<a href="#">
											<img src="img/partner_logo_dark_4.png" alt="">
										</a>
									</div>
									<div class="col-xs-4">
										<a href="#">
											<img src="img/partner_logo_dark_5.png" alt="">
										</a>
									</div>
									<div class="col-xs-4">
										<a href="#">
											<img src="img/partner_logo_dark_6.png" alt="">
										</a>
									</div>
								</div>
							</div>
						</div>
					</div> <!-- end partners -->

				</div>
			</div>
		</section> <!-- end testimonials / partners -->


		<!-- 007.Benefits 效益  -->
		<section class="section-wrap benefits">
			<div class="container">

				<div class="row heading mb-20">
					<div class="col-md-6 col-md-offset-3 text-center">
						<h2 class="v-line">与我们合作</h2>
						<p class="subheading">描述描述</p>
					</div>
				</div>

				<div class="row">
					<div class="col-md-4 benefits-box mt-40">
						<span>01.</span>
						<h3>工资</h3>
						<p>我们钱多</p>
					</div>
					<div class="col-md-4 benefits-box mt-40">
						<span>02.</span>
						<h3>技术</h3>
						<p>我们技术多</p>
					</div>
					<div class="col-md-4 benefits-box mt-40">
						<span>03.</span>
						<h3>想法</h3>
						<p>我们想法多</p>
					</div>					
				</div>
				<div class="row">
					<div class="col-md-4 benefits-box mt-40">
						<span>04.</span>
						<h3>团队</h3>
						<p>我们人多</p>
					</div>
					<div class="col-md-4 benefits-box mt-40">
						<span>05.</span>
						<h3>经验</h3>
						<p>我们老练</p>
					</div>
					<div class="col-md-4 benefits-box mt-40">
						<span>06.</span>
						<h3>来吧</h3>
						<p>不亏</p>
					</div>					
				</div>
			</div>			
		</section> <!-- end benefits -->

		<!-- 008.Parallax Promo 视差宣传 -->
		<section class="section-wrap parallax-promo relative">
			<div class="container">
				<div class="row">
					<h3 class="uppercase color-white wow zoomIn" data-wow-duration="1s" data-wow-delay=".1s">实现你的理想</h3>
				</div>
			</div>
			<div class="parallax" data-stellar-background-ratio="0.5"></div>	
		</section> <!-- end parallax promo -->

		<!-- 009.Our Team 我们的团队 -->
		<section class="section-wrap our-team pb-90" id="about-us">
			<div class="container-fluid semi-fluid">

				<div class="row heading">
					<div class="col-md-6 col-md-offset-3 text-center">
						<h2 class="v-line">团队风采</h2>
						<p class="subheading">厉害</p>
					</div>
				</div>

				<div class="row">

					<div id="team-slider" class="owl-carousel owl-theme">

						<div class="item">
							<div class="team-wrap mb-50">
								<div class="team-member text-center">
									<div class="team-img">
										<img src="img/team_1.jpg" alt="">
										<div class="overlay dark">
											<div class="team-details text-center">
												<div class="social-icons rounded">
													<a href="#"><i class="fa fa-facebook"></i></a>
													<a href="#"><i class="fa fa-twitter"></i></a>
													<a href="#"><i class="fa fa-google-plus"></i></a>
													<a href="#"><i class="fa fa-envelope"></i></a>
												</div>
											</div>
										</div>
									</div>
									<h4 class="team-title">约翰史密斯</h4>
									<span>热水器</span>						
								</div>
							</div>
						</div> <!-- end team member -->

						<div class="item">
							<div class="team-wrap mb-50">
								<div class="team-member text-center">
									<div class="team-img">
										<img src="img/team_2.jpg" alt="">
										<div class="overlay dark">
											<div class="team-details text-center">
												<div class="social-icons rounded">
													<a href="#"><i class="fa fa-facebook"></i></a>
													<a href="#"><i class="fa fa-twitter"></i></a>
													<a href="#"><i class="fa fa-google-plus"></i></a>
													<a href="#"><i class="fa fa-envelope"></i></a>
												</div>
											</div>
										</div>
									</div>
									<h4 class="team-title">阿勒斯</h4>
									<span>员工</span>						
								</div>
							</div>
						</div> <!-- end team member -->


						<div class="item">
							<div class="team-wrap mb-50">
								<div class="team-member last text-center">
									<div class="team-img">
										<img src="img/team_3.jpg" alt="">
										<div class="overlay dark">
											<div class="team-details text-center">
												<div class="social-icons rounded">
													<a href="#"><i class="fa fa-facebook"></i></a>
													<a href="#"><i class="fa fa-twitter"></i></a>
													<a href="#"><i class="fa fa-google-plus"></i></a>
													<a href="#"><i class="fa fa-envelope"></i></a>
												</div>
											</div>
										</div>
									</div>
									<h4 class="team-title">托尔斯泰</h4>
									<span>搞艺术的</span>						
								</div>
							</div>
						</div> <!-- end team member -->

						<div class="item">
							<div class="team-wrap mb-50">
								<div class="team-member last text-center">
									<div class="team-img">
										<img src="img/team_4.jpg" alt="">
										<div class="overlay dark">
											<div class="team-details text-center">
												<div class="social-icons rounded">
													<a href="#"><i class="fa fa-facebook"></i></a>
													<a href="#"><i class="fa fa-twitter"></i></a>
													<a href="#"><i class="fa fa-google-plus"></i></a>
													<a href="#"><i class="fa fa-envelope"></i></a>
												</div>
											</div>
										</div>
									</div>
									<h4 class="team-title">斯基</h4>
									<span>开车的</span>						
								</div>
							</div>
						</div> <!-- end team member -->

						<div class="item">
							<div class="team-wrap mb-50">
								<div class="team-member last text-center">
									<div class="team-img">
										<img src="img/team_5.jpg" alt="">
										<div class="overlay dark">
											<div class="team-details text-center">
												<div class="social-icons rounded">
													<a href="#"><i class="fa fa-facebook"></i></a>
													<a href="#"><i class="fa fa-twitter"></i></a>
													<a href="#"><i class="fa fa-google-plus"></i></a>
													<a href="#"><i class="fa fa-envelope"></i></a>
												</div>
											</div>
										</div>
									</div>
									<h4 class="team-title">奥斑马</h4>
									<span>统总</span>						
								</div>
							</div>
						</div> <!-- end team member -->

						<div class="item">
							<div class="team-wrap">
								<div class="team-member last text-center">
									<div class="team-img">
										<img src="img/team_6.jpg" alt="">
										<div class="overlay dark">
											<div class="team-details text-center">
												<div class="social-icons rounded">
													<a href="#"><i class="fa fa-facebook"></i></a>
													<a href="#"><i class="fa fa-twitter"></i></a>
													<a href="#"><i class="fa fa-google-plus"></i></a>
													<a href="#"><i class="fa fa-envelope"></i></a>
												</div>
											</div>
										</div>
									</div>
									<h4 class="team-title">其他</h4>
									<span>领导</span>						
								</div>
							</div>
						</div> <!-- end team member -->

					</div> <!-- end team slider -->

				</div>
			</div>
		</section> <!-- end our team -->

		<!-- 010.Accordions and Tabs 手风琴标签 -->
		<section class="section-wrap pt-0 pb-90">
			<div class="container">
				<div class="row heading">
					<div class="col-md-6 col-md-offset-3 text-center">
						<h2 class="v-line">优势</h2>
						<p class="subheading">嗯</p>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6">
						<!-- Accordions -->
						<div class="panel-group accordion mb-50" id="accordion">
						  <div class="panel panel-default">
						    <div class="panel-heading">
						      <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="minus">炒鸡<span>&nbsp;</span>
						      </a>
						    </div>
						    <div id="collapseOne" class="panel-collapse collapse in">
						      <div class="panel-body">
						        这里是一段描述文本
						      </div>
						    </div>
						  </div>

						  <div class="panel panel-default">
						    <div class="panel-heading">
						      <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="plus">第二个收缩<span>&nbsp;</span>
						      </a>
						    </div>
						    <div id="collapseTwo" class="panel-collapse collapse">
						      <div class="panel-body">
						        这段描述悄悄的藏起来的了
						      </div>
						    </div>
						  </div>

						  <div class="panel panel-default">
						    <div class="panel-heading">
						      <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="plus">第三段<span>&nbsp;</span>
						      </a>
						    </div>
						    <div id="collapseThree" class="panel-collapse collapse">
						      <div class="panel-body">
						        第三段描述
						      </div>
						    </div>
						  </div>
						</div>
					</div> <!-- end col -->

					<div class="col-md-6">
						<!-- Tabs -->
						<div class="tabs mb-50">

						  <ul class="nav nav-tabs">                  
						    <li class="active">
						      <a href="#tab-one" data-toggle="tab">一</a>
						    </li>                  
						    <li>
						      <a href="#tab-two" data-toggle="tab">二</a>
						    </li>                  
						    <li>
						      <a href="#tab-three" data-toggle="tab">三</a>
						    </li>                  
						  </ul> <!-- end tabs -->

						  
						  <!-- tab content -->
						  <div class="tab-content">
						    
						    <div class="tab-pane fade in active" id="tab-one">
						      <p>
						      默认描述
						      </p>
						    </div>
						    
						    <div class="tab-pane fade" id="tab-two">
						      <p>
						      第二段描述
						      </p>
						    </div>
						    
						    <div class="tab-pane fade" id="tab-three">
						      <p>
						      第三段描述
						      </p>
						    </div>
						    
						  </div> <!-- end tab content -->
						</div> <!-- end tabs -->
					</div> <!-- end col -->
				</div>
			</div>
		</section> <!-- end accodrions and tabs -->


		<!-- 011.Results 反馈 -->
		<section class="section-wrap results counters pt-100 pt-mdm-40 bg-dark">
			<div class="container">
				<div class="row">

					<div class="col-sm-4 mt-40 text-center">
						<div class="statistic wow fadeInUp" data-wow-duration="2s" data-wow-delay=".1s">
							<span class="timer" data-from="0" data-to="968">&nbsp;</span>
							<h5 class="counter-text">员工</h5>
						</div>
					</div>

					<div class="col-sm-4 mt-40 text-center">
						<div class="statistic wow fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
							<span class="timer" data-from="0" data-to="357">&nbsp;</span>
							<h5 class="counter-text">收入</h5>
						</div>
					</div>

					<div class="col-sm-4 mt-40 text-center">
						<div class="statistic last wow fadeInUp" data-wow-duration="2s" data-wow-delay=".3s">
							<span class="timer" data-from="0" data-to="813">&nbsp;</span>
							<h5 class="counter-text">支出</h5>
						</div>
					</div>

				</div>
			</div>
		</section> <!-- end results -->


		<!-- 012.From Blog 博客 -->
		<section class="section-wrap from-blog" id="blog">
			<div class="container-fluid">	

				<div class="row heading">
					<div class="col-md-6 col-md-offset-3 text-center">
						<h2 class="v-line">新闻</h2>
						<p class="subheading">博客</p>
					</div>
				</div>

				<div class="row">
					<div class="blog-slider mb-0">

						<article class="gallery-cell">
							<div class="entry-img">
								<a href="blog-single.html" class="hover-scale">
									<img src="img/blog_1.jpg" alt="">
								</a>
							</div>
							<div class="entry">
								<ul class="entry-meta">
									<li class="entry-date">
										19.07.2016
									</li>
									<li class="entry-category">
										<a href="#">流行</a>
									</li>							
								</ul>
								<h4 class="entry-title"><a href="blog-single.html">这是个不错的主题</a></h4>
							</div>
						</article> <!-- end post -->

						<article class="gallery-cell">
							<div class="entry-img">
								<a href="blog-single.html" class="hover-scale">
									<img src="img/blog_2.jpg" alt="">
								</a>
							</div>
							<div class="entry">
								<ul class="entry-meta">
									<li class="entry-date">
										19.07.2016
									</li>
									<li class="entry-category">
										<a href="#">潮牌</a>
									</li>							
								</ul>
								<h4 class="entry-title"><a href="blog-single.html">点击查看这个主题</a></h4>
							</div>
						</article> <!-- end post -->

						<article class="gallery-cell">
							<div class="entry-img">
								<a href="blog-single.html" class="hover-scale">
									<img src="img/blog_3.jpg" alt="">
								</a>
							</div>
							<div class="entry">
								<ul class="entry-meta">
									<li class="entry-date">
										19.07.2016
									</li>
									<li class="entry-category">
										<a href="#">年轻</a>
									</li>							
								</ul>
								<h4 class="entry-title"><a href="blog-single.html">全是小年轻</a></h4>
							</div>
						</article> <!-- end post -->

						<article class="gallery-cell">
							<div class="entry-img">
								<a href="blog-single.html" class="hover-scale">
									<img src="img/blog_4.jpg" alt="">
								</a>
							</div>
							<div class="entry">
								<ul class="entry-meta">
									<li class="entry-date">
										19.07.2016
									</li>
									<li class="entry-category">
										in <a href="#">酷毙了</a>
									</li>							
								</ul>
								<h4 class="entry-title"><a href="blog-single.html">没得说</a></h4>
							</div>
						</article> <!-- end post -->

					</div> <!-- end slider -->

					<div class="col-md-12 text-center mt-70">
						<a href="blog-standard.html" class="link-underline inline-block uppercase visit-blog">查看全部</a>
					</div>

				</div>
			</div>
		</section> <!-- end from blog -->


		<!-- 013.Contact Form 联系方式 -->
		<section class="section-wrap contact bg-dark" id="contact">
			<div class="container">

				<div class="row heading">
					<div class="col-md-6 col-md-offset-3 text-center">
						<h2 class="v-line color-white">提交意见</h2>
						<p class="subheading">请键入</p>
					</div>
				</div>

				<div class="row">

					<div class="col-md-6 col-md-offset-3">

						<form id="contact-form" action="#" class="text-center">
							<div class="input-group">
								<input name="name" id="name" type="text" placeholder="名字*" required>
								<span class="input-bar"></span>
							</div>
							<div class="input-group">
								<input name="mail" id="mail" type="email" placeholder="邮箱*" required>
								<span class="input-bar"></span>
							</div>
							<div class="input-group">
								<textarea name="comment" id="comment" placeholder="内容" rows="7"></textarea>
								<span class="input-bar"></span>
							</div>
							<input type="submit" class="btn btn-lg btn-light btn-submit mt-20" value="提交" id="submit-message">
							<div id="msg" class="message"></div>
						</form>

					</div>

				</div>
			</div>
		</section> <!-- end contact form -->


		<!-- 014.Contact Details 联系详情 -->
		<section class="section-wrap contact-details bg-light nopadding">
			<div class="container-fluid">
				<div class="row">

					<div class="col-md-4 pt-70 pb-130 equal-height">

						<div class="contact-item">
							<div class="contact-icon">
								<i class="ti-location-pin"></i>
							</div>
							<h5>地址</h5>
							<address>黄河大街<br>
							一单元
							</address>
						</div> <!-- end address -->

						<div class="contact-item">
							<div class="contact-icon">
								<i class="ti-mobile"></i>
							</div>
							<h5>电话</h5>
							<span>+123456789</span>
						</div> <!-- end phone number -->

						<div class="contact-item">
							<div class="contact-icon">
								<i class="ti-email"></i>
							</div>
							<h5>邮件</h5>
							<a href="mailto:deocreative@gmail.com" class="dark-link">123@qq.com</a>
						</div> <!-- end email -->
					</div> <!-- end col -->

					<div class="col-md-8 nopadding equal-height">
						<!-- Google Map -->
								
					</div> <!-- end google map -->

				</div>
			</div>
		</section> <!-- end contact details -->
		

		<div class="footer-spacer">&nbsp;</div>
		<!-- Footer -->
		<footer class="footer bg-dark">
			<div class="container">
				<div class="footer-widgets">
					<div class="row">

						<div class="col-md-6 col-md-offset-3">
							
							<div class="footer-logo local-scroll text-center mb-20">
								<div class="logo-wrap local-scroll">
									<a href="#home" class="logo">
										<!-- <img src="img/logo_light.png" alt="logo"> -->
										我是logo
									</a>
								</div>
							</div>

							<div class="footer-socials mt-mdm-10">
								<div class="social-icons text-center">
									<a href="#">推特</a> -
									<a href="#">脸书</a> -								
									<a href="#">谷歌</a> -
									<a href="#">微博</a> -
									<a href="#">其它</a>
								</div>
							</div>

						</div>

					</div>
				</div>		
			</div> <!-- end container -->

			<div class="bottom-footer">
				<div class="container">
					<div class="row">

						<div class="col-sm-12 copyright text-center">
							<span>
								© 绿绿峰 <a href="javascript:;" target="_blank" title="">修改</a> - by Lvfeng <a href="javascript:;" title="网页模板" target="_blank">模板</a>
							</span>
						</div>

					</div>
				</div>
			</div> <!-- end bottom footer -->
		</footer>
		<!-- end footer -->

		<div id="back-to-top">
			<a href="#top"><i class="fa fa-angle-up"></i></a>
		</div>

	</div> <!-- end main-wrapper -->

	<!-- jQuery Scripts -->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/plugins.js"></script>
	<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
	<script type="text/javascript" src="js/rev-slider.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>

	


	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>

	  
</body>
</html>